<script setup lang="ts">
import { defineAsyncComponent, provide } from 'vue'
import { useCounterStore } from '@/stores/counter.ts'
// const remote = defineAsyncComponent(()=>import('http://localhost:5174/src/views/RemotePage.vue'))
// const remote2 = defineAsyncComponent(()=>import('http://localhost:3000/assets/RemotePage-Dg_NR3us.js'))
const RemotePage = defineAsyncComponent(() => import("remote_app/RemotePage"));

provide('inMicroApp',true)
provide('host','http://localhost:3000/')
const counterStore = useCounterStore()
import {Test} from 'z-ui'
</script>

<template>
<div>
  <div>mainPage</div>
  <div class="testStyle">mainPage</div>
  <div>
    <Test name='haha' h="hello"></Test>
  </div>
  <div>
    {{counterStore.count}}
  </div>
  <div>
<!--    <remote></remote>-->
<!--    <remote2></remote2>-->
    <RemotePage a="1" b="2"></RemotePage>
  </div>
</div>
</template>

<style scoped>
.testStyle{
  color: green;
}
</style>
